/**/
body{
    background-image: url("../img/bg.gif");
    background-repeat: repeat-x; /*只横向重复循环*/
}
.article1{
    width: 750px;
    margin:0 auto;/*在父级元素上使用这个标签可以实现对内部元素的居中显示，但是宽度必须是像素显示，不能使用100%*/
}
.aside1{
    background-image: url("../img/sidebg.gif");
    background-repeat: repeat-x;
    background-color: white;
    padding: 3px 20px;
    width: 214px;
    float: left;
}
.aside2{
    background-image: url("../img/mainbg.gif");
    background-repeat: repeat-x;
    background-color: white;
    padding: 20px 10px 10px 10px;/*四个数字遵循上右下左的方式对标签添加内边距*/
    float: left;
}
.aside3{
    background-image: url("../img/flower.png");
    background-repeat: no-repeat;/*这个属性的意思是不循环填充背景*/
    background-position: top;/*定义背景图片的起始位置，top表示从上面开始*/
    width: 254px;
    padding-top: 173px;/*就是用一个上内边距把被遮住的背景图显示出来*/
    float: left;
}
.aside4{
    width: 488px;
    float:right;
}
.p1{
    border-left: 4px solid #6ae1ff;
    border-bottom: 1px solid #6ae1ff;
}
.p2{
    line-height: 3em;
    color: #0012ff;
}
.aside2 h2{
    font-size:24px;
    line-height: 24px;
    font-weight: normal;
    color:#F00;
    margin-bottom: 10px;
}
.aside2 p{
    text-indent: 2em;
    line-height: 1.5em;
    font-size:11px;
    margin:20px 10px;
}
li{
    list-style: none;
}
li:hover{
    color:blue;
    text-decoration: underline;
}
.footer1{
    clear: both;
    text-align: center;
    font-size: 11px;
    margin:30px 10px;
}
/*
关于界面布局的注意点
使用一个最大的父级元素把所有的元素都放在里面，然后使用width：auto进行居中
然后左边的元素用三个盒子模型嵌套，大的盒子用来对内部的元素进行居中显示，中的盒子用来放置背景图片，小盒子用来放置文字
中等的盒子放置背景图片的时候定位从上面开始
*/